<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>支付成功</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		.aui-card-box-user{
			/*margin-right:0;*/
			/*width: 1.8rem;*/ 
		}
		.aui-card-box-user img{
			/*width: 60%;*/
			/*display:inline;*/
		}
		.tab-panel .tab-panel-item{padding: 0;}
		.aui-list-product-fl-item{
			padding: 7px 10px;
			background-color: #f8f8f8;
			/*background-color: white;*/
		}
		.aui-list-product-fl-text{
			background-color: initial;
		}
		.aui-list-buy-info{
			text-align: right;
			border-bottom: 1px solid #dedcdc;
			height: 46px;
			line-height: 46px;
			padding: 0 10px;
		}
		.aui-list-buy-info p,.aui-list-buy-info h1{
			display: inline;
		}
		.aui-list-buy-info h1{
			font-size: 14px;
		}
		
		/*订单信息*/
		.order_info{
			padding: 10px;
		}
		.order_info p{
			line-height: 25px;
			font-size: 14px;
			color: #999;
		}
		/*底部金额合计样式*/
		.foot-price{
			line-height: 47px;
		}
		.foot-price span{
			font-size: 16px;
			color: #FF5E53;
		}
		/******************/
		.pull-left{
			float: left;
		}
		.pull-right{
			float: right;
		}
		.success-top {
		    position: relative;
		    text-align: center;
		    padding-left: 35px;
		    margin: 20px 0;
		}
		.success-top .error-icon,.success-top .succ-icon {
		    position: absolute;
		    top: 0;
		    left: 4.5rem;
		    display: block;
		    width: 25px;
		    height: 25px;
		    overflow: hidden;
		    background: url(themes/img/tip/addtocart-icons.png) 0 0 no-repeat;
		}
		.success-top h3 {
		    font-size: 18px;
		    line-height: 25px;
		    font-weight: 400;
		    color: #71b247;
		}
		.aui-product-coupon .aui-address-cell-bd {
		    width: 80px;
		    font-size: 12px;
		}
	</style>
</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">订单详情</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0">
		</a>
	</header>

	<section class="aui-myOrder-content" id="order-box">
		<script  type="text/html" id="dataTmpl">
		<div class="order-tip">
			 	<div class="success-top"><b class="succ-icon"></b><h3 class="ftx-02">订单已经支付成功！</h3></div>
		</div>		
		<div class="aui-dri"></div>
		<div class="aui-list-title-info">		
			<div class="aui-card-box clearfix" style="display: none;">
				<div class="aui-card-box-user">
					<img src="themes/img/icon/kwfd.png" alt="">
				</div>
				<div class="aui-card-box-name">
					<h2 class="aui-card-box-name">课外辅导</h2>					
				</div>
				<div class="aui-card-box-time">2017-11-14</div>
			</div>
			
			{{each orderItems}}
			<a href="javascript:;" class="aui-list-product-fl-item">
				<div class="aui-list-product-fl-img">
					<img src="{{$value.picture1 | pictureFormat}}" onerror="this.src='themes/img/pd/course_defult.jpg'" alt="">
				</div>
				<div class="aui-list-product-fl-text">
					<h3 class="aui-list-product-fl-title">{{$value.courseName}}</h3>
					<div class="aui-list-product-fl-mes">
						<div>
							<span class="aui-list-product-item-price">
								<em>¥</em>
								{{$value.courseAmount | priceFormat}}
							</span>							
						</div>
						<div class="aui-btn-purchase">
							总课次：{{$value.courseTotalNumber}}
						</div>
					</div>
				</div>
			</a>
			{{/each}}
		</div>
		<!--<div class="aui-list-buy-info">
			<p>共计2门课程 </p><h1>实付款：￥799.98</h1>
		</div>-->
		<div class="aui-dri"></div>
		<div class="aui-product-coupon">
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">订单编号：</div>
					<div class="aui-address-cell-ft">{{orderNum}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">支付方式：</div>
					<div class="aui-address-cell-ft">{{payment | paymentFormat}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">付款时间：</div>
					<div class="aui-address-cell-ft">{{payDate | dateFormat}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">商品总价：</div>
					<div class="aui-address-cell-ft">{{orderAmount | priceFormat}}</div>
				</a>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">应支付金额：</div>
					<div class="aui-address-cell-ft">{{actualOrderAmount | priceFormat}}</div>
				<a href="#" class="aui-address-cell aui-fl-arrow-clear">
					<div class="aui-address-cell-bd">优惠金额：</div>
					<div class="aui-address-cell-ft">{{discountAmount | priceFormat}}</div>
				</a>
		</div>
		
		</script>
		<div class="aui-dri"></div>
	</section>

	
	
	<footer class="aui-footer-product">
		<div class="aui-footer-product-fixed">
			<div class="aui-footer-product-concern-cart foot-price">
					实付款：<span id="total-price">￥ 0.00</span>
					<!--<span class="aui-f-p-icon">
						<i class="fa fa-shopping-cart"></i>
						<i class="num">0</i>
					</span>
					<span class="aui-f-p-focus-info">购物车</span>-->
				
			</div>
			<div class="aui-footer-product-action-list">				
				<a href="index.html" class="red-color fr" style="width: 100%;">确定</a>
			</div>
		</div>
	</footer>

	<script src="themes/js/jquery.min.js"></script>
	<script src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
	<script src="themes/js/common.js"></script>
	<script src="static/order/order-detail.js"></script>


</body>
</html>